<template>
	
	<view class="listbg">
		<view class="listitem" v-for="(item,index) in list" :key="index" @click="godetail(item.id)">
			<view class="itemleft">
				<view class="itemtit">{{item.title}}</view>
				<view class="itemb">
					<view class="" v-if="item.type==2">{{systemInfo.configName}}氏公告</view>
					<view class=""  v-if="item.type==3||item.type==4||item.type==5">{{systemInfo.configName}}氏成就</view>
					<view class="" v-if="item.type==0">{{systemInfo.configName}}氏文化</view>
					<text>{{item.createTime}}</text>
				</view>
			</view>
			<image :src="item.img" lazy-load mode="aspectFill"></image>
		</view>
	</view>
	<block v-if="orgin=='index'&&status=='nomore'"></block>
	<block v-else>
		<up-loadmore  lineColor="#ccc" line :status="status" />
	</block>
	
</template>

<script setup>
	
	
	const props = defineProps({
		list: Array,
		status:String,
		orgin:String,
	});
	function godetail(e){
		uni.navigateTo({
			url:"/pages/index/detail?id="+e+'&type=1'
		})
	}
	import {
		useSystemStore
	} from '@/stores/system.js'
		const systemInfo = useSystemStore()
</script>

<style lang="scss" scoped>
	.listbg {
		margin-left: 30rpx;

		.listitem {
			margin-bottom: 24rpx;
			width: 690rpx;
			height: 280rpx;
			background: #FFFFFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			&>image {
				width: 200rpx;
				height: 200rpx;
				border-radius: 12rpx 12rpx 12rpx 12rpx;
				margin-left: 30rpx;
			}

			.itemleft {
				height: 200rpx;

				width: 400rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				.itemtit {
					font-family: PingFang-SC, PingFang-SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #111111;
					line-height: 48rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
				}

				.itemb {
					display: flex;
					align-items: center;
					width: 100%;
					justify-content: space-between;

					text {
						font-family: PingFang-SC, PingFang-SC;
						font-weight: 500;
						font-size: 24rpx;
						color: #999999;
					}

					view {
						width: auto;
						height: 46rpx;
						background: #FFFFFF;
						border-radius: 6rpx;
						border: 2rpx solid #C7A570;
						font-family: PingFang-SC, PingFang-SC;
						font-weight: 500;
						font-size: 26rpx;
						padding: 0 10rpx;
						display: flex;
						align-items: center;
						color: #CBA97B;
					}
				}
			}

			// <view class="listitem">
			// 	<view class="itemleft">
			// 		<view class="itemtit"></view>
			// 		<view class="">
			// 			<view class="">夏氏公告</view>
			// 			<text>2024-06-16</text>
			// 		</view>
			// 	</view>
			// 	 <image src="@/static/logo.png" mode=""></image>
			// </view>

		}
	}
</style>